<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>【订单详情】</title>
	<link href="../customer/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
	<link href="../customer/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">
	<link href="../customer/css/personal.css" rel="stylesheet" type="text/css">
	<link href="../customer/css/orstyle.css" rel="stylesheet" type="text/css">
	<script src="../customer/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
	<script src="../customer/AmazeUI-2.4.2/assets/js/amazeui.js"></script>
	
</head>
<body>
	<jsp:include page="main_top.jsp"></jsp:include>
		<div class="center">
			<div class="col-main">
				<div class="main-wrap">
					<div class="user-orderinfo">
						<!--标题 -->
						<div class="am-cf am-padding">
							<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单详情</strong> / <small>Order&nbsp;details</small></div>
						</div>
						<hr/>
						<div class="order-infoaside">
							<div class="order-addresslist">
								<div id="address"  class="order-address">
									<div class="icon-add">
									</div>
									<p class="new-tit new-p-re">
										<span class="new-txt"><s:property value="order.theConsignee.consigneeName"/></span>
										<span class="new-txt-rd2"><s:property value="order.theConsignee.mobilePhone"/></span>
									</p>
									<div class="new-mu_l2a new-p-re">
										<p class="new-mu_l2cw">
											<span class="title">收货地址：</span>
											<span class="province"><s:property value="order.theConsignee.province"/></span>
											<span class="city"><s:property value="order.theConsignee.city"/></span>
											<span class="dist"><s:property value="order.theConsignee.area"/></span>
											<span class="street"><s:property value="order.theConsignee.detailAddress"/></span>
										</p>
									</div>
									<script type="text/javascript">
											var address=document.getElementById("address");
											address.style.border="thick dotted red";
									</script>
								</div>
							</div>
						</div>
						<div class="order-infomain">

							<div class="order-top">
								<div class="th th-item">
									<td class="td-inner">商品</td>
								</div>
								<div class="th th-price">
									<td class="td-inner">单价</td>
								</div>
								<div class="th th-number">
									<td class="td-inner">数量</td>
								</div>
								<div class="th th-operation">
									<td class="td-inner">商品操作</td>
								</div>
								<div class="th th-amount">
									<td class="td-inner">合计</td>
								</div>
								<div class="th th-status">
									<td class="td-inner">交易状态</td>
								</div>
								<div class="th th-change">
									<td class="td-inner">交易操作</td>
								</div>
							</div>

							<div class="order-main">

								<div class="order-status3">
									<div class="order-title">
										<p style="float:left;">订单编号：<s:property value="order.objId"/></p>
										<p align="right">成交时间：<s:property value="order.createTime"/></p>
									</div>
									<div class="order-content">
										<div class="order-left">
											<s:iterator value="order.orderItem" id="orderItem" status="status">
												<ul class="item-list">
													<li class="td td-item">
														<div class="item-pic">
															<a href="FurnitureInfo_findFurnitureInfo.action?furnitureInfo.objId=<s:property value="#orderItem.theFurnitureInfo.objId"/> " class="J_MakePoint">
																<img src="<s:property value="#orderItem.theFurnitureInfo.picture_one"/>" class="itempic J_ItemImg">
															</a>
														</div>
														<div class="item-info">
															<div class="item-basic-info">
																<a href="FurnitureInfo_findFurnitureInfo.action?furnitureInfo.objId=<s:property value="#orderItem.theFurnitureInfo.objId"/> ">
																	<p><s:property value="#orderItem.theFurnitureInfo.furnitureName"/></p>
																	<p class="info-little">规格：<s:property value="#orderItem.theFurnitureInfo.description"/>
																</a>
															</div>
														</div>
													</li>
													<li class="td td-price">
														<div class="item-price">
															<s:property value="#orderItem.salePrice"/>
														</div>
													</li>
													<li class="td td-number">
														<div class="item-number">
															<span>×</span><s:property value="#orderItem.amount"/>
														</div>
													</li>
													<li class="td td-operation">
														<div class="item-operation">
														</div>
													</li>
												</ul>
											</s:iterator>
										</div>
										<div class="order-right">
											<li class="td td-amount">
												<div class="item-amount">
													合计：<s:property value="order.totalPrice"/>
												</div>
											</li>
											<div class="move-right">
												<li class="td td-status">
													<div class="item-status">
														<p class="Mystatus">
														
														<s:if test="order.orderState==1">
															等待发货
														</s:if>
														<s:elseif test="order.orderState==2">
															完成交易
														</s:elseif>
														<s:elseif test="order.orderState==3">
															取消订单
														</s:elseif>
														</p>													
													</div>
												</li>
												<li class="td td-change">
													<!-- <div class="am-btn am-btn-danger anniu">
														确认收货
													</div> -->
												</li>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	<jsp:include page="main_foot.jsp"></jsp:include>
</body>
</html>